<script lang="ts" setup>
import { ref } from 'vue'
import Basic from './basic.vue'
import FormBasic from './formBasic.vue'
import JsonPreview from './jsonPreview.vue'

const activeTab = ref('basic')
</script>

<template>
  <ElTabs v-model="activeTab" class="h-full w-full">
    <ElTabPane label="基本信息" name="basic" class="w-full">
      <Basic />
    </ElTabPane>
    <ElTabPane label="表单配置" name="form">
      <FormBasic />
    </ElTabPane>
    <ElTabPane label="JSON预览" name="json">
      <JsonPreview />
    </ElTabPane>
  </ElTabs>
</template>

<style scoped>
:deep(.el-tabs__content) {
  overflow: auto;
}
</style>
